:root {
  --brand-1: #1877ff;
  --brand-2: #4692ff;
  --brand-3: #bad6ff;
  --white-1: rgb(255, 255, 255, 1);
  --white-2: rgb(255, 255, 255, 0.5);
  --shadow-1: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
  --shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  --shadow-3: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}
.ChatApp,
.MessageContainer,
.Navbar,
.Message .Bubble,
.QuickReplies,
.ChatFooter {
  background-repeat: no-repeat;
  background-size: cover;
}
.Message.left .Bubble {
  border-radius: 20px;
}
.Message.right .Bubble {
  border-radius: 20px;
}
.Card {
  border-radius: 12px;
}
.Btn {
  border-radius: 16px;
}
.QuickReply {
  border-radius: 20px;
}

.navbarDiv {
  background-color: white;
  color: var(--brand-1);
}

.navbarDiv .Btn {
  color: var(--brand-1);
}

.chat-background {
  background: #41b6ff;
  /*background: url(https://gw.alicdn.com/tfs/TB1GRW3voY1gK0jSZFMXXaWcVXa-620-320.jpg) no-repeat;*/
  /*background-size: cover;*/
}

.chat-navbar-marquee {
  background: var(--brand-1);
  color: white;
}

.sideBar.right {
  border-left: 1px solid var(--gray-6);
}

.sideBar.left {
  border-right: 1px solid var(--gray-6);
}